import {
  add,
  get,
  update,
  deleteById
} from "../../utils/db";
Page({
  data: {
    list: [], //分类列表
    addTag: false, //false  添加框隐藏；true 显示
    updateTag: false, //false  修改框隐藏；true 显示
    name: "", //菜谱分类名称
  },
  onLoad() {
    this.getList()
  },
  //获取菜谱分类列表
  async getList() {
    var openid = wx.getStorageSync('openid')
    var result = await get("type", {
      _openid: openid
    }).catch(err => {
      console.log(err);
      return;
    })
    // console.log(result)
    this.setData({
      list: result.data
    })
  },
  //点击加号，显示添加输入框 
  showAdd() {
    this.setData({
      addTag: true
    })
  },
  //数据菜谱分类名称
  myInput(e) {
    // console.log(e)
    var name = e.detail.value; //分类名称
    this.data.name = name;
  },
  //执行添加操作
  async doAdd() {
    //把菜谱名称添加到数据库
    await add("type", {
      name: this.data.name
    }).catch(err => console.error(err))
    // var result =await get("type").catch(err=>console.error(err))
    this.getList()
    this.setData({
      addTag: false,
    })
  },
  //显示修改输入框
  showUpdate(e) {
    var name = e.currentTarget.dataset.name; //获取分类名称
    var id = e.currentTarget.id;
    //显示输入框
    this.setData({
      updateTag: true,
      name,
      id
    })
  },
  //执行修改
  async doUpdate() {
    var _id = this.data.id;
    var _data = {
      name: this.data.name
    }
    var result = await update("type", _id, _data).catch(err => {
      console.error(err)
    })
    // console.log(result)
    this.getList()
    this.setData({
      updateTag: false,
    })
  },
  //执行删除
  doDel(e) {
    var id = e.currentTarget.id;
    //弹出确认框
    wx.showModal({
      title: "温馨提示",
      content: "您确定要删除？",
      success: async res => {
        //用户点击确认，删除数据库中的记录
        if (res.confirm) {
          var result =await deleteById("type",id).catch(err=>{
            console.error(err)
          })
          //更新页面中的内容
          this.getList()
        }
      }
    })
  }
})